<template>
  <div class="el-table-box">
    <el-row class="el-table-head el-fr" style="margin-right: 15%;">
      <el-button type="text">全部已读</el-button>
      <el-button type="text">批量删除</el-button>
    </el-row>
    <el-table ref="multipleTable" class="el-table-main" :data="tableData" tooltip-effect="dark" style="width: 90%" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55">
      </el-table-column>
      <el-table-column prop="id" label="ID" width="120">
      </el-table-column>
      <el-table-column prop="content" label="内容" show-overflow-tooltip>
      </el-table-column>
      <el-table-column label="日期" width="120">
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" scoped src="./index.scss"></style>
